   

<h1>最简单的树 -- 简单 JSON 数据</h1>
<h6>[ 文件路径: core/simpleData.html ]</h6>
<div class="content_wrap">
    <div class="zTreeDemoBackground left">
        <ul id="treeDemo" class="ztree"></ul>
    </div>
    <input type="button" value="返回" id="btn-back"/>
    <div class="right">
        <ul class="info">
            <li class="title"><h2>1、setting 配置信息说明</h2>
                <ul class="list">
                <li class="highlight_red">必须设置 setting.data.simple 内的属性，详细请参见 API 文档中的相关内容</li>
                <li>与显示相关的内容请参考 API 文档中 setting.view 内的配置信息</li>
                <li>name、children、title 等属性定义更改请参考 API 文档中 setting.data.key 内的配置信息</li>
                </ul>
            </li>
            <li class="title"><h2>2、treeNode 节点数据说明</h2>
                <ul class="list">
                <li class="highlight_red">简单模式的 JSON 数据需要使用 id / pId 表示节点的父子包含关系，如使用其他属性设置父子关联关系请参考 setting.data.simple 内各项说明
                <div><pre xmlns=""><code>例如：
var nodes = [
    {id:1, pId:0, name: "父节点1"},
    {id:11, pId:1, name: "子节点1"},
    {id:12, pId:1, name: "子节点2"}
];</code></pre></div></li>
                <li>默认展开的节点，请设置 treeNode.open 属性</li>
                <li>无子节点的父节点，请设置 treeNode.isParent 属性</li>
                <li>其他属性说明请参考 API 文档中 "treeNode 节点数据详解"</li>
                </ul>
            </li>
            <li class="title"><h2>3、其他说明</h2>
                <ul class="list">
                <li>Demo 中绝大部分都采用简单 JSON 数据模式，以便于大家学习</li>
                </ul>
            </li>
        </ul>
    </div>
</div>
